<template>
  <div style="width:700px">
    <el-form ref="form" :model="form" label-width="80px">
  <el-form-item label="景点名称  ">
    <el-input v-model="form.name"></el-input>
  </el-form-item>

  <el-form-item label="景区图片 ">
    <el-checkbox-group v-model="form.pic">
     <el-upload
        list-type="picture-card">
        <i class="el-icon-plus"></i>
      </el-upload>
      <el-dialog :visible.sync="dialogVisible">
        <img width="80%" alt="">
      </el-dialog>
    </el-checkbox-group>
  </el-form-item>
  
  <el-form-item label="介绍 ">
    <el-input type="textarea" v-model="form.js"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary">立即新增</el-button>
    <el-button>取消</el-button>
  </el-form-item>
</el-form>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        form: {
          name: '',
          pic:'',
          js:''
        }
      }
    },
    methods: {
      
    }
  }
</script>